<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- TDK -->
    <title>小U商城</title>
    <meta name="description" content="Java培训，Java培训机构，中公优就业">
    <meta name="keywords" content="Java培训，Java培训机构，中公优就业">
    <!-- 引入js -->
    <script src="./js/remScale.js"></script>
    <!-- 引入清除样式 -->
    <link rel="stylesheet" href="./css/normalize.css">
    <!-- 用不习惯  再引用 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./css/public.css">
    <!-- 引入本页样式 -->
	<link rel="stylesheet" href="./css/shop-car.css">
</head>
<body>
	<div class="pape">
		<div class="top">
            <a href="./index.html">
				<img src="./images/top-arrow.png" alt="">
			</a>
            <p>购物车</p>
            <img src="./images/top-nav.png" alt="">
        </div>  
		<nav>
            <p class="click">全部(20)</p>
            <p>降价(4)</p>
            <p>常卖(2)</p>
            <p>分类
				<img src="./images/goods-tab_chroise.png" alt=""></p>
        </nav>
		<div class="chorise">
			<div class="left">
				<input type="radio">
				<h4>小U自营</h4>
			</div>
			<div class="right">
				<p>
					已免运费 <i></i> <span>领券</span>
				</p>
			</div>
		</div>
		<article>
			<section>
				<input type="radio" checked>
				<img src="./images/01.png" alt="">
				<div class="font">
					<h4>溪牧原山茶花洁面泡沫 氨基酸阿萨德强无敌群</h4>
					<p>敏感肌可用，控油祛痘、男女可的环球网经开区好玩 </p>
					<select name="" id="">
						<option value="pink"> 粉色 50ML</option>
					</select>
					<p>比加入时降低￥100</p>
					<div class="money">
						<p>
							<span>￥</span>999
							<del>￥1099</del>
						</p>
						<div class="number">
							<span>1</span>
							+
						</div>
					</div>
				</div>
			</section>
			<section>
				<input type="radio" checked>
				<img src="./images/03.png" alt="">
				<div class="font">
					<h4>水肌美男士清爽控油洗面奶请尽快未收到请尽快我待会</h4>
					<p>净透毛孔，温和不紧绷，清爽控油敲击往后的请尽快我的</p>
					<select name="" id="">
						<option value="pink"> 粉色 50ML</option>
					</select>
					<p>比加入时降低￥100</p>
					<div class="money">
						<p>
							<span>￥</span>999
							<del>￥1099</del>
						</p>
						<div class="number">
							<span>1</span>
							+
						</div>
					</div>
				</div>
			</section>
			<section>
				<input type="radio">
				<img src="./images/04.png" alt="">
				<div class="font">
					<h4>水肌美净肤洁面膏 100g/支群文件群文件和</h4>
					<p>深层清洁肌肤，温和又滋润，日继电器玩得好即可氰化物请问</p>
					<select name="" id="">
						<option value="pink"> 粉色 50ML</option>
					</select>
					<p>比加入时降低￥100</p>
					<div class="money">
						<p>
							<span>￥</span>999
							<del>￥1099</del>
						</p>
						<div class="number">
							<span>1</span>
							+
						</div>
					</div>
				</div>
			</section>
		</article>
		<div class="nice-chorise chorise">
			<div class="left">
				<input type="radio">
				<h4>品牌精选</h4>
			</div>
			<div class="right">
				<p>
					已免运费 <i></i> <span>领券</span>
				</p>
			</div>
		</div>
		<article>
			<section>
				<input type="radio">
				<img src="./images/01.png" alt="">
				<div class="font">
					<h4>溪牧原山茶花洁面泡沫 氨基酸阿萨德强无敌群</h4>
					<p>敏感肌可用，控油祛痘、男女可的环球网经开区好玩 </p>
					<select name="" id="">
						<option value="pink"> 粉色 50ML</option>
					</select>
					<p>比加入时降低￥100</p>
					<div class="money">
						<p>
							<span>￥</span>999
							<del>￥1099</del>
						</p>
						<div class="number">
							<span>1</span>
							+
						</div>
					</div>
				</div>
			</section>
			<section>
				<input type="radio">
				<img src="./images/03.png" alt="">
				<div class="font">
					<h4>水肌美男士清爽控油洗面奶请尽快未收到请尽快我待会</h4>
					<p>净透毛孔，温和不紧绷，清爽控油敲击往后的请尽快我的</p>
					<select name="" id="">
						<option value="pink"> 粉色 50ML</option>
					</select>
					<p>比加入时降低￥100</p>
					<div class="money">
						<p>
							<span>￥</span>999
							<del>￥1099</del>
						</p>
						<div class="number">
							<span>1</span>
							+
						</div>
					</div>
				</div>
			</section>
			<section>
				<input type="radio">
				<img src="./images/04.png" alt="">
				<div class="font">
					<h4>水肌美净肤洁面膏 100g/支群文件群文件和</h4>
					<p>深层清洁肌肤，温和又滋润，日继电器玩得好即可氰化物请问</p>
					<select name="" id="">
						<option value="pink"> 粉色 50ML</option>
					</select>
					<p>比加入时降低￥100</p>
					<div class="money">
						<p>
							<span>￥</span>999
							<del>￥1099</del>
						</p>
						<div class="number">
							<span>1</span>
							+
						</div>
					</div>
				</div>
			</section>
		</article>
		<div class="footer">
			<section>
				<input type="radio">
				<h3>全选</h3>
				<div class="right">
					<div class="all">
						<h3>合计</h3>
						<p>已免运费</p>
					</div>
					<div class="dollar">
						<h3>￥1998</h3>
						<p>已优惠￥200元</p>
					</div>
					<a href="./order-form.html">
						<div class="btn">
							结算
						</div>
					</a>
				</div>
			</section>
		</div>
		<footer>
			<a href="./index.html">
				<div>
					<img src="./images/unselected (2).png" alt="">
					<p>商城</p>
				</div></a>
			<a href="./sort.html">
				<div>
					<img src="./images/unselected (2).png" alt="">
					<p>分类</p>
				</div>
			</a>
			<a href="#">
				<div>
					<img src="./images/selected (2).png" alt="">
					<p class="click">购物车</p>
				</div>
			</a>
			<a href="./mine.html">
				<div>
					<img src="./images/unselected (2).png" alt="">
					<p>我</p>
				</div></a>
        </footer>
	</div>
</body>
</html>